<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_W94vu0',
'img_zkyRb1',
'ZY_LianXiWoMen_2',
'ZY_JiaTuoXinCaiWeiNin_3',
'img_zAdof4',
'ZY_5_5',
'ZY_LianXiDianHua_6',
'img_SX4mO7',
'leojt_8',
'ZY_LianXiYouXiang_9',
'img_gls2310',
'ZY_ZhangShaShiJingJiJi_11',
'ZY_LianXiDiZhi_12'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxcen/pc/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxcen/pc/css/animate.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxcen/pc/css/common.css">
  <style>.box{ margin-top: 90px; position: relative; } .box img{ width: 100%; display: block; } .box .header{ position: absolute; top: 11%; left: 18%; background: transparent; } .box .header p{ font-size: 48px; font-weight: bold; color: #0F62C8; } .box .content{ margin: 0 auto; width: 1200px; background: #FFFFFF; flex-wrap: wrap; padding: 60px 0; box-sizing: border-box; } .box .content .item{ width: 50%; box-sizing: border-box; margin-bottom: 60px; } .box .content .item img{ width: 25px; } .box .content .item p{ font-size: 32px; font-weight: bold; color: #0F62C8; margin-top: 20px; } .box .content .item span{ font-size: 22px; color: #2F2F2F; margin-top: 20px; }</style> 
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="box"> 
   <img src="${img_W94vu0.adImg}" class="zy" data-type="ad" data-id="${img_W94vu0.adId}"> 
   <div class="content flex animated wow fadeInRightSmall" data-wow-delay="0.2s">
    <div class="item flex flex-column animated wow fadeInUpA" data-wow-delay="0.4s"> 
     <img src="${img_zAdof4.adImg}" class="zy" data-type="ad" data-id="${img_zAdof4.adId}"> 
     <p class="zy" data-type="ad" data-id="${ZY_5_5.adId}">${ZY_5_5.adTitle}</p> 
     <span class="zy" data-type="ad" data-id="${ZY_LianXiDianHua_6.adId}">${ZY_LianXiDianHua_6.adTitle}</span> 
    </div> 
   	<div class="item flex flex-column animated wow fadeInUpA" data-wow-delay="0.6s">
   	 <img src="${img_zAdof4.adImg}" class="zy" data-type="ad" data-id="${img_zAdof4.adId}"> 
   	 <p class="zy" data-type="ad">0731-82566282</p> 
   	 <span class="zy" data-type="ad">Fixed telephone</span> 
   	</div> 
    <div class="item flex flex-column animated wow fadeInUpA" data-wow-delay="0.8s"> 
     <img src="${img_SX4mO7.adImg}" class="zy" data-type="ad" data-id="${img_SX4mO7.adId}"> 
     <p class="zy" data-type="ad" data-id="${leojt_8.adId}">${leojt_8.adTitle}</p> 
     <span class="zy" data-type="ad" data-id="${ZY_LianXiYouXiang_9.adId}">${ZY_LianXiYouXiang_9.adTitle}</span> 
    </div> 
    <div class="item flex flex-column animated wow fadeInUpA" data-wow-delay="1s"> 
     <img src="${img_gls2310.adImg}" class="zy" data-type="ad" data-id="${img_gls2310.adId}"> 
     <p class="zy" data-type="ad" data-id="${ZY_ZhangShaShiJingJiJi_11.adId}">${ZY_ZhangShaShiJingJiJi_11.adTitle}</p> 
     <span class="zy" data-type="ad" data-id="${ZY_LianXiDiZhi_12.adId}">${ZY_LianXiDiZhi_12.adTitle}</span> 
    </div> 
   </div> 
   <img src="${img_zkyRb1.adImg}" class="zy" data-type="ad" data-id="${img_zkyRb1.adId}"> 
   <div class="header animated wow fadeInLeftSmall" data-wow-delay="0s"> 
    <p class="zy" data-type="ad" data-id="${ZY_LianXiWoMen_2.adId}">${ZY_LianXiWoMen_2.adTitle}</p> 
    <p class="mt-20 zy" data-type="ad" data-id="${ZY_JiaTuoXinCaiWeiNin_3.adId}">${ZY_JiaTuoXinCaiWeiNin_3.adTitle}</p> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/jkxcen/pc/js/swiper-bundle.min.js"></script>
  <script src="https://hwfile.csxuncong.com/jkxcen/pc/js/wow.min.js"></script>
  <script>
   var itemEls = document.getElementsByClassName('nav-item-hover');
   for(var i= 0; i < itemEls.length;i++){
    itemEls[i].onmouseover = function(){
     var els = this.getElementsByClassName('nav-layout');
     var img = this.getElementsByClassName('nav-img')
     if(els.length) {
      els[0].style.display = 'block'
      img[0].src = 'https://hwfile.csxuncong.com/jkxcen/pc/images/fangxiang-shang.png'
     };
    }
    itemEls[i].onmouseout = function(){
     var els = this.getElementsByClassName('nav-layout');
     var img = this.getElementsByClassName('nav-img')
     if(els.length) {
      els[0].style.display = 'none'
      img[0].src = 'https://hwfile.csxuncong.com/jkxcen/pc/images/fangxiang-xia.png'
     };
    }
   }
		var wow = new WOW({
			boxClass: 'wow',
			animateClass: 'animated',
			offset: 0,
			mobile: true,
			live: true
		});
		wow.init();
    </script> 
 </body>
</html>